import {createRouter, createWebHistory} from "vue-router";

let router = createRouter({
    //路由历史
    history: createWebHistory(),
    //路由配置，是一个数组，里面可以配置多个路由
    routes: [
        {
            //路由路径
            path: '/',
            //路由路径所对应的页面
            component : () => import('../view/LoginView.vue'),
        },
        {
            path: '/dashboard',
            component : () => import('../view/DashboardView.vue'),
            //子路由
            children:[
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: '',
                    //路由路径所对应的页面
                    component : () => import('../view/StatisticView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'user',
                    //路由路径所对应的页面
                    component : () => import('../view/UserView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个是动态路由
                    path: 'user/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/UserDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'activity',
                    //路由路径所对应的页面
                    component : () => import('../view/ActivityView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'activity/add',
                    //路由路径所对应的页面
                    component : () => import('../view/ActivityRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个是动态路由
                    path: 'activity/edit/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ActivityRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个是动态路由
                    path: 'activity/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ActivityDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'clue',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'clue/add',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个是动态路由
                    path: 'clue/edit/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个是动态路由
                    path: 'clue/detail/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'customer',
                    //路由路径所对应的页面
                    component : () => import('../view/CustomerView.vue'),
                },
                {
                    //子路由不能以斜杆开头，这个叫动态路由，id是一个变量，值是动态的
                    path : 'customer/detail/:id',
                    //当访问 /dashboard/customer/detail/5 路由的时候，就渲染显示CustomerDetailView.vue页面
                    component : () => import('../view/CustomerDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'tran',
                    //路由路径所对应的页面
                    component : () => import('../view/TranView.vue'),
                },
                {
                    //子路由不能以斜杆开头，这个叫动态路由，id是一个变量，值是动态的
                    path : 'tran/detail/:id',
                    //当访问 /dashboard/tran/detail/5 路由的时候，就渲染显示TranDetailView.vue页面
                    component : () => import('../view/TranDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'product',
                    //路由路径所对应的页面
                    component : () => import('../view/ProductView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'dicType',
                    //路由路径所对应的页面
                    component : () => import('../view/DicTypeView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'dicValue',
                    //路由路径所对应的页面
                    component : () => import('../view/DicValueView.vue'),
                },

            ]
        },
        {
            path: '/hello',
            component : () => import('../components/HelloWorld.vue'),
        }
    ]
})
//导出创建的路由对象
export default router;